dd,
dl,
li,
ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-infinite-listitem {
    height: 50px;
    line-height: 50px;
    border-bottom: solid 1px #eee;
    text-align: center;
    padding-left: 5px;
    text-align: left;
    &:first-child {
        border-top: solid 1px #eee;
    }
}

.page-infinite-wrapper {
    margin-top: -1px;
    overflow: scroll;
}

.page-infinite div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.weui-loadmore {
    width: 65%;
    margin: 1.5em auto;
    line-height: 1.6em;
    font-size: 14px;
    text-align: center
}

.weui-loadmore__tips {
    display: inline-block;
    vertical-align: middle
}

.weui-loadmore_line {
    border-top: 1px solid #e5e5e5;
    margin-top: 2.4em
}

.weui-loadmore_line .weui-loadmore__tips {
    position: relative;
    top: -.9em;
    padding: 0 .55em;
    background-color: #fff;
    color: #999
}

.weui-loadmore_dot .weui-loadmore__tips {
    padding: 0 .16em
}

.weui-loadmore_dot .weui-loadmore__tips:before {
    content: " ";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #e5e5e5;
    display: inline-block;
    position: relative;
    vertical-align: 0;
    top: -.16em
}

.transform(@t) {
    -webkit-transform: @t;
    transform: @t;
}

.jk_divider {
    margin: 0;
    height: 1px;
    border: none;
    background-color: #edeff2;
    width: 100%;
    margin: 5px 0;
    &.inset {
        margin-left: 72px;
    }
    &.shallow-inset {
        margin-left: 16px;
    }
    html.pixel-ratio-2 & {
        .transform(scaleY(0.5));
    }
    html.pixel-ratio-3 & {
        .transform(scaleY(0.33));
    }
}

.weui-animate-fade-in {
    -webkit-animation: fadeIn ease .3s forwards;
    animation: fadeIn ease .3s forwards;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.weui-animate-fade-out {
    -webkit-animation: fadeOut ease .3s forwards;
    animation: fadeOut ease .3s forwards;
}

.weui-toptips {
    position: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    top: 0;
    left: 0;
    right: 0;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    color: #FFF;
    z-index: 5000;
    word-wrap: break-word;
    word-break: break-all;
}

.weui-toptips_warn {
    background-color: #E64340;
}

.weui-icon_toast {
    font-size: 40px;
}

.weui-toast {
    position: fixed;
    z-index: 5000;
    width: 7.6em;
    min-height: 7.6em;
    top: 180px;
    left: 50%;
    margin-left: -3.8em;
    background: rgba(17, 17, 17, 0.7);
    text-align: center;
    border-radius: 5px;
    color: #FFFFFF;
}

.weui-icon_toast {
    margin: 22px 0 0;
    display: block;
}

.weui-icon_toast.weui-icon-success-no-circle:before {
    color: #FFFFFF;
    font-size: 55px;
}

.weui-icon_toast.weui-loading {
    margin: 30px 0 0;
    width: 38px;
    height: 38px;
    vertical-align: baseline;
}

.weui-toast__content {
    margin: 0 0 15px;
}

.weui-toast_text {
    width: auto;
    min-width: 0;
    max-width: 85%;
    min-height: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
    text-align: center;
    word-break: break-all;
    .weui-toast__content {
        margin: 0;
        padding: .5em 1em;
    }
}

.wv-spinner {
    display: inline-block;
    overflow: hidden;
    -webkit-animation: circle 1.2s infinite linear;
    -o-animation: circle 1.2s infinite linear;
    animation: circle 1.2s infinite linear;
}

@keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*flexbox*/

.vux-flexbox {
    width: 100%;
    text-align: left;
    display: flex;
    display: -webkit-flex;
    box-align: center;
    align-items: center;
    .vux-flexbox-item {
        flex: 1;
        -webkit-flex: 1;
        min-width: 20px;
        width: 0%;
        &:first-child {
            margin-left: 0 !important;
            margin-top: 0 !important;
        }
    }
}

.vux-flex-row {
    box-direction: row;
    box-orient: horizontal;
    flex-direction: row;
}

.vux-flex-col {
    box-orient: vertical;
    flex-direction: column;
    >.vux-flexbox-item {
        width: 100%;
    }
}

body {
    max-width: 960px;
    min-width: 320px;
}